<include file="public@header"/>
<style type="text/css">
  .pic-list li {
    margin-bottom: 5px;
  }
</style>
<script type="text/html" id="photos-item-tpl">
  <li id="saved-image{id}">
    <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
    <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
           style="width: 200px;" title="图片名称">
    <img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
         onclick="imagePreviewDialog(this.src);">
    <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
    <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
  </li>
</script>
<script type="text/html" id="files-item-tpl">
  <li id="saved-file{id}">
    <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
    <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
           style="width: 200px;" title="文件名称">
    <a id="file-{id}-preview" href="{preview_url}" target="_blank">下载</a>
    <a href="javascript:uploadOne('文件上传','#file-{id}','file');">替换</a>
    <a href="javascript:(function(){$('#saved-file{id}').remove();})();">移除</a>
  </li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
  <ul class="nav nav-tabs">
    <li class=""><a href="{:url('mealindex/index')}">全部餐券</a></li>
    <li class="active"><a href="{:url('mealindex/add')}">添加餐券</a></li>
  </ul>

  <form action="{:url('mealindex/addPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
    <div class="row">
      <div class="col-md-9">
        <table class="table table-bordered">
          <tr>
            <th class="col-md-1">餐券名称<span class="form-required">*</span></th>
            <td>
              <input class="form-control" type="text" name="post[name]"
                     required value="" placeholder="请输入标题"/>
            </td>
          </tr>

          <tr>
            <th class="col-md-1">兑换积分<span class="form-required">*</span></th>
            <td>
              <input class="form-control" type="text" name="post[integrate]"
                      required value="" placeholder="请输入标题"/>
            </td>
          </tr>

          <tr>
            <th class="col-md-1">时间类型></th>
            <td>
              <label class="radio-inline">
                <input type="radio" name="time_data" checked value="1"> 领取日起
              </label>
              <label class="radio-inline">
                <input type="radio" name="time_data" value="2"> 指定日期
              </label>
            </td>
          </tr>

          <tr id="days">
            <th class="col-md-1">领取后</th>
            <td>
              <input class="form-control" type="text" name="post[day]" placeholder="领取后多少天"/>
            </td>
          </tr>

          <tr style="display: none" id="dates">
            <th class="col-md-1">到期时间</th>
            <td>
              <input type="text" class="form-control js-bootstrap-date" name="post[endtime]" placeholder="请选择"  autocomplete="off">
            </td>
          </tr>


          <tr>
            <th class="col-md-1">状态></th>
            <td>
              <label class="radio-inline">
                <input type="radio" name="post[status]" checked value="1"> 上架
              </label>
              <label class="radio-inline">
                <input type="radio" name="post[status]" value="0"> 下架
              </label>
            </td>
          </tr>


        </table>

        <hook name="portal_admin_article_edit_view_main"/>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
            <a class="btn btn-default" href="{:url('mealindex/index')}">{:lang('BACK')}</a>
          </div>
        </div>
      </div>

    </div>
  </form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
  //编辑器路径定义
  var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
  $(function () {

    editorcontent = new baidu.editor.ui.Editor();
    editorcontent.render('content');
    try {
      editorcontent.sync();
    } catch (err) {
    }

    $('.btn-cancel-thumbnail').click(function () {
      $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
      $('#thumbnail').val('');
    });

  });



    // 选择类型
    $('input[name=time_data]').on('change', function() {

      var selectedValue = $(this).val(); //获取被选中的值

      if (selectedValue === '1'){
        $("#dates").hide();
        $("#days").show();
      } else if (selectedValue === '2'){
        $("#dates").show();
        $("#days").hide();
      }
    });



</script>
</body>
</html>
